.pagination {
    &-extend {
        & > li {
            & > a,
            & > span {
                margin:0 4px;
                border-radius: $border-radius-base;
                color: $color-content;
            }
            &:first-child,
            &:last-child {
                & > a,
                & > span {
                    border-radius: $border-radius-base;
                }
            }
            &.active > a,
            &.active > span,{
                background: $color-primary;
                border-color: $color-primary;
            }
            &:hover > a,
            &:hover > span {
                color: $color-primary;
            }
        }
    }
    // 附加功能
    &-container {
        .pagination {
            margin: 0;
            vertical-align: middle;
        }
        .open .dropdown-toggle,
        .dropdown-toggle:active {
            border-color: lighten($color-primary, 15%);
            box-shadow: 0 0 3px lighten($color-primary, 10%);
        }
        .open .caret{
            transform: rotate(180deg * 3);
        }
        .dropdown-toggle {
            font-size: $font-size-small;
            background: $color-white;
            border-color: $pagination-border;
            transition: all .5s;
        }
        .caret {
            transition: transform .5s;
        }
    }

    &-tips {
        display: inline-block;
        line-height: $line-height-base;
        padding: ($padding-base-vertical + 1px) 0;
        margin: 0 $margin-base-horizontal;
        &:first-child {
            margin-left: 0;
        }
        &:last-child {
            margin-right: 0;
        }
    }

    &-jump {
        display: inline;
        margin: 0 $margin-base-horizontal;
        input {
            display: inline-block;
            width: 50px;
            height: 31px;
            margin: 0 $margin-base-horizontal;
            font-size: $font-size-small;
            text-align: center;
        }
    }
}